<div class="modal-header">
  <div class="modal-title"><!--{{ i.orderSn }}-{{ i.itemId }}-{{ i.skuId }} -->设置采购</div>
</div>
<nz-tabset>
  <nz-tab nzTitle="采购信息">
    <div sv-container>
      <sv-title>
        <div nz-col [nzSpan]="100" style="text-align: right; margin-right: 70px">
          <!--<button nz-button type="submit" [nzType]="'primary'">保存设置</button>-->
          <a nz-button class="mx-sm">添加</a>
        </div>
      </sv-title>
    </div>

    <nz-space></nz-space>
    <ng-container *ngIf="purchase && purchase['list']">
      <div sv-container *ngIf="purchase && purchase['list']">
        <sv-title>采购明细</sv-title>
      </div>
      <nz-table #purchaseTable [nzData]="purchase['list']" [nzShowPagination]="false">
        <thead>
          <tr>
            <th class="text-center" style="width: 190px">类型</th>
            <th class="text-center">购买链接</th>
            <th class="text-center" style="width: 140px">是否默认</th>
            <th class="text-center" style="width: 200px">设置</th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let data of purchaseTable.data">
            <td class="text-center">
              <div nz-col nzMd="26" nzSm="44">
                <nz-select [(ngModel)]="data['type']" name="overTime" nzId="overTime" [nzPlaceHolder]="'请选择'" [nzDisabled]="true">
                  <nz-option nzLabel="淘宝" [nzValue]="1"></nz-option>
                  <nz-option nzLabel="拼多多" [nzValue]="2"></nz-option>
                </nz-select>
              </div>
            </td>
            <td class="text-center" style="vertical-align: middle">
              <div nz-col nzMd="26" nzSm="44">
                <nz-form-control>
                  <input nz-input name="orderSn" placeholder="请输入" id="link" value="{{ data['link'] }}" readonly="readonly" />
                </nz-form-control>
              </div>
            </td>
            <td class="text-center">
              <div nz-col nzMd="26" nzSm="44">
                <nz-form-control>
                  <nz-tag style="cursor: pointer">--</nz-tag>
                </nz-form-control>
              </div>
            </td>
            <td class="text-center">
              <div nz-col [nzSpan]="24">
                <a nz-button class="mx-sm">编辑</a>
                <a nz-button class="mx-sm">删除</a>
              </div>
            </td>
          </tr>
        </tbody>
      </nz-table>
    </ng-container>
  </nz-tab>
</nz-tabset>

<div class="modal-footer">
  <button nz-button type="button" (click)="close()">关闭</button>
</div>
